<template>
    <div >
                <el-card class="box-card" id="project-card">
                    <div slot="header" class="clearfix">
                        <span style=" display: inline-block; padding-left: 600px;font-size: 20px">项目信息</span>
                        <!--
                                                <el-button @click="goback" style="float: left; padding: 3px 0" type="text">返回</el-button>
                        -->
                    </div>

                    <el-row>
                        <el-col :span="8">
                            <div  class="text item">
                                <span>项目名称：</span>
                                <span>东坝基坑监测</span>
                            </div>
                        </el-col>
                        <el-col :span="8">
                            <div  class="text item">
                                <span>项目时间：</span>
                                <span>2019-01-02</span>
                            </div>
                        </el-col>
                        <el-col :span="8">
                            <div  class="text item">
                                <span>项目负责人：</span>
                                <span>张三</span>
                            </div>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="8">
                            <div  class="text item">
                                <span>项目描述：</span>
                                <span>沉降水平测斜轴力</span>
                            </div>
                        </el-col>
                        <el-col :span="8">
                            <div  class="text item">
                                <span>项目描述：</span>
                                <span>沉降水平测斜轴力</span>
                            </div>
                        </el-col>
                        <el-col :span="8">
                            <div  class="text item">
                                <span>项目描述：</span>
                                <span>沉降水平测斜轴力</span>
                            </div>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="8">
                            <div  class="text item">
                                <span>项目描述：</span>
                                <span>沉降水平测斜轴力</span>
                            </div>
                        </el-col>
                        <el-col :span="8">
                            <div  class="text item">
                                <span>项目描述：</span>
                                <span>沉降水平测斜轴力</span>
                            </div>
                        </el-col>
                        <el-col :span="8">
                            <div  class="text item">
                                <span>项目描述：</span>
                                <span>沉降水平测斜轴力</span>
                            </div>
                        </el-col>
                    </el-row>

                </el-card>



    </div>
</template>

<script>
    import headTop from '../components/headTop'
    import {mapState} from 'vuex'
    import {baseUrl, baseImgPath} from '@/config/env'

    export default {
        data(){
            return {
                baseUrl,
                baseImgPath,
            }
        },
        mounted(){
            //alert(this.$store.state.projectid)
          //this.$store.state.projectid=12;
        },
        components: {
            headTop,
        },
        computed: {
            ...mapState(['adminInfo']),
        },
        methods: {
            /*            uploadImg(res, file) {
                            if (res.status == 1) {
                                this.adminInfo.avatar = res.image_path;
                            }else{
                                this.$message.error('上传图片失败！');
                            }
                        },
                        beforeImgUpload(file) {
                            const isRightType = (file.type === 'image/jpeg') || (file.type === 'image/png');
                            const isLt2M = file.size / 1024 / 1024 < 2;

                            if (!isRightType) {
                                this.$message.error('上传头像图片只能是 JPG 格式!');
                            }
                            if (!isLt2M) {
                                this.$message.error('上传头像图片大小不能超过 2MB!');
                            }
                            return isRightType && isLt2M;
                        },*/
            goback() {
                console.log('go back');
                this.$router.push("userList");
            }
        },
    }
</script>

<style lang="less" >
    @import '../style/mixin';
    .text {
        font-size: 14px;
    }

    .item {
        margin-bottom: 18px;
    }

    .clearfix:before,
    .clearfix:after {
        display: table;
        content: "";
    }
    .clearfix:after {
        clear: both
    }
    #project-card  .el-card__header{
        background: #EFF2F7;
    }

    .box-card {
        margin: 30px;
    //height: ;
    }
</style>
